<template>
    <div>
        <el-container>
  <el-header style="text-align: right; font-size: 12px">
    <MyHeader></MyHeader>
    </el-header>
  <el-container>
   <MyAside></MyAside>
  <router-view class="main" :key="this.$route.fullPath"></router-view>
  </el-container>
  <Transition>
    <MyFooter></MyFooter>
  </Transition>
</el-container>
    </div>
</template>
<script>
import MyFooter from '../components/MyFooter.vue'
import MyAside from '../components/MyAside.vue'
import MyHeader from '../components/MyHeader.vue'
export default {
  name: 'MyIndex',
  components: {
    MyFooter,
    MyAside,
    MyHeader
  }
}
</script>
<style>
*{
        margin: 0;
        padding: 0;
        user-select:none;
}
.el-header {
    color: #333;
    line-height: 60px;
    background-color:#3c97bf;
  }
.main{
  /* background-color: rgb(239, 233, 233); */
  width: 99vw;
  height: 49vh;
}
</style>
